.footer {
  width: 100%;
  border-top: 1px solid #f3f4f6;
  background-color: #ffffff;

  &__container {
    max-width: 750px;
    margin: 0 auto;
    padding: 16px;
  }

  &__safe-area {
    // 小程序安全区域适配
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

// 为了适配不同屏幕尺寸，使用响应式设计
@media screen and (max-width: 375px) {
  .footer {
    &__container {
      padding: 16px;
    }
  }
}

@media screen and (min-width: 768px) {
  .footer {
    &__container {
      padding: 16px;
    }
  }
}
